<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>报告界面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="../static/css/base.css">

</head>

<body class="body">
    <div id="app" style="background: #eee;" >
        <div style="height: 4rem;" ></div>
        <div :class="showReportFlag ? 'show' : 'hide'" style="margin: 1rem;padding:1rem;background: white;">
            <div v-text="user.hospital" style="text-align: center;font-size: 2.2rem;color: #aa1111"></div>
            <div v-text="user.reportName" style="text-align: center;font-size: 1.6rem;color: #337ab7"></div>
            <div class="row patient_info" style="margin-left: 2%;width: 96%">
                <div class="divline"></div>
                <div class="col-xs-12 patient_info_value" style="margin-left: 0rem">
                    <div class="row" style="margin-top: 0.5rem">
                        <div class="col-xs-7 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="' 影  像  号 ：' + user.patientId"></div>
                        <div class="col-xs-5 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="'姓名：' + user.name"></div>
                    </div>
                </div>
                <div class="divline"></div>
                <div class="col-xs-12 patient_info_value" style="margin-left: 0rem">
                    <div class="row" style="margin-top: 0.5rem">
                        <div class="col-xs-7 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="'检查项目：' + user.modality"></div>
                        <div class="col-xs-5 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="'性别：' + user.sex"></div>
                    </div>
                </div>
                <div class="divline"></div>
                <div class="col-xs-12 patient_info_value" style="margin-left: 0rem">
                    <div class="row" style="margin-top: 0.5rem">
                        <div class="col-xs-7 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="'检查时间：' + user.date"></div>
                        <div v-if="user.age" class="col-xs-5 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 10px" v-text="'年龄：' + user.age"></div>
                    </div>
                </div>
                <div class="divline"></div>
            </div>

            <!--<div class="row patient_info">-->
                <!--<div class="col-xs-3 patient_info_key">-->
                  <!--<div>姓名:</div>-->
                <!--</div>-->
                <!--<div class="col-xs-5 patient_info_value">-->
                    <!--<div v-text="user.name"></div>-->
                    <!--<div class="divline"></div>-->
                <!--</div>-->
                <!--<div class="col-xs-2 patient_info_key">-->
                  <!--<div>性别:</div>-->
                <!--</div>-->
                <!--<div class="col-xs-2 patient_info_value">-->
                    <!--<div v-text="user.sex"></div>-->
                    <!--<div class="divline"></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="row patient_info">-->
                <!--<div class="col-xs-3 patient_info_key">-->
                    <!--<div>检查日期:</div>-->
                <!--</div>-->
                <!--<div class="col-xs-5 patient_info_value">-->
                    <!--<div v-text="user.date"></div>-->
                    <!--<div class="divline"></div>-->
                <!--</div>-->
                <!--<div class="col-xs-2 patient_info_key">-->
                  <!--<div>年龄:</div>-->
                <!--</div>-->
                <!--<div class="col-xs-2 patient_info_value">-->
                    <!--<div v-text="user.age"></div>-->
                    <!--<div class="divline"></div>-->
                <!--</div>-->
            <!--</div>-->

          <!--<div class="row patient_info">-->
            <!--<div class="col-xs-3 patient_info_key">-->
                <!--<div>报告医生:</div>-->
            <!--</div>-->
            <!--<div class="col-xs-5 patient_info_value">-->
                <!--<div v-text="user.reportDoctor"></div><div class="divline"></div>-->
            <!--</div>-->
          <!--</div>-->
          <!--<div class="row patient_info">-->
            <!--<div class="col-xs-3 patient_info_key">-->
                <!--<div>报告时间:</div>-->
            <!--</div>-->
            <!--<div class="col-xs-5 patient_info_value">-->
                <!--<div v-text="user.reportDateTime"></div><div class="divline"></div>-->
            <!--</div>-->
          <!--</div>-->
              <!--<div class="divline_middle margin_top_middle margin_bottom_middle"></div>-->
              <div class="item_title" style="margin-top: 1rem">检查所见：</div>
              <!--<div class="divline_space"></div>-->
              <div class="item_content" v-text="see"></div>
              <!--<div class="divline_middle margin_top_middle margin_bottom_middle"></div>-->
              <div class="item_title" style="margin-top: 1rem">诊断意见：</div>
              <!--<div class="divline_space"></div>-->
              <div class="item_content" v-text="suggestion"></div>
              <div class="row patient_info" style="margin-left: 2%;width: 96%;" :style="formatMargin()">
                  <div class="divline"></div>
                  <div class="col-xs-12 patient_info_value" style="margin-left: 0rem;">
                      <div class="row" style="margin-top: 0.5rem">
                          <div class="col-xs-5 patient_info_value" style="margin-left: 0rem;text-align: left;color: black;font-size: 0.8rem" v-text="'报告医生:' + user.reportDoctor"></div>
                          <div class="col-xs-7 patient_info_value" style="margin-left: 0rem;text-align: right;color: black;font-size: 0.8rem" v-text="'报告日期：' + user.reportDateTime"></div>
                      </div>
                  </div>
                  <div class="divline"></div>
              </div>
        </div>
        <div :class=" showReportFlag ? 'hide' : 'show'" style="background: black">
            <iframe :src="'../../testIndex_ifame.html?data=' + data" width="100%"  :style="formatHeight()" frameborder="0"scrolling="no" style="background: b">
            </iframe>
        </div>


        <div class="main_nav_top" >
            <nav class="navbar navbar-default navbar-fixed-top" :class="showReportFlag ? '' : 'black_background'">
                <div class="container" align="center" style="background: #eee">
                    <style>
                        .nav-tabs
                        {
                            text-align: center;
                            height: 2rem;
                            line-height: 2rem;
                        }
                    </style>
                    <ul class="nav nav-tabs nav-tabs-justified">
                        <div class="row" align="center">
                            <div class="col-xs-12" :class=" showReportFlag ? 'nav_container' : 'nav_container_black'">
                                <div class="col-xs-1" onclick="history.go(-1)" ><img :src="'../static/img/back' +  (showReportFlag ? '_black' : '') + '.png'" style="width: 2.5rem;width: 2.5rem;margin-top: 0.8rem;margin-left: -2rem">
                                </div>
                                <div class="col-xs-8 col-xs-offset-2">
                                    <div class="row" :class=" showReportFlag ? 'nav_view' : 'nav_view_black'" style="margin-left: -2rem">
                                        <div class="col-xs-6"  :class="showReportFlag ? 'nav_img_left' : 'nav_left_black'" @click="showReport">报告</div>
                                        <div class="col-xs-6 " :class="showReportFlag ? 'nav_img_right' : 'nav_right_black'" @click="showImg">影像</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js " integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa " crossorigin="anonymous "></script>
    <script src="../static/js/base/vue.min.js"></script>
    <script src="../static/js/base/util.js"></script>
    <script src="../static/js/base/url.js"></script>
    <script src="../static/js/base/base_net.js"></script>
    <script src="../static/js/base/net.js"></script>
    <script src="../static/js/report_view_ifame.js"></script>

</body>

<style scoped>
    .show {
        display: block;
    }
    .hide {
        display: none;
    }
    .body {
        background: #eee;
        /*overflow: hidden;*/
    }
    .white_background {
        background: #eee;
        border:0px ;
        border-color:#eee;
    }
    .black_background {
        background: black;
        border:0px ;
        border-color:black;
    }
</style>
</html>